<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>图标</title>
<link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
	<div class="container">
		<span class="glyphicon glyphicon-search" aria-hidden="true"></span>
		<hr>
		<button type="button" class="btn btn-default" aria-label="Left Align">
			<span class="glyphicon glyphicon-align-left" aria-hidden="true"></span>
		</button>
		<button type="button" class="btn btn-default" aria-label="Right Align">
			<span class="glyphicon glyphicon-align-right" aria-hidden="true"></span>
		</button>
		<button type="button" class="btn btn-default"
			aria-label="Center Align">
			<span class="glyphicon glyphicon-align-center" aria-hidden="true"></span>
		</button>
		<button type="button" class="btn btn-default"
			aria-label="Justify Align">
			<span class="glyphicon glyphicon-align-justify" aria-hidden="true"></span>
		</button>
		<hr>
		<button type="button" class="btn btn-default btn-lg">
			<span class="glyphicon glyphicon-star" aria-hidden="true"></span>
			Star
		</button>
		<button type="button" class="btn btn-default">
			<span class="glyphicon glyphicon-star" aria-hidden="true"></span>
			Star
		</button>
		<button type="button" class="btn btn-default btn-sm">
			<span class="glyphicon glyphicon-star" aria-hidden="true"></span>
			Star
		</button>
		<button type="button" class="btn btn-default btn-xs">
			<span class="glyphicon glyphicon-star" aria-hidden="true"></span>
			Star
		</button>
		<hr>
		<div class="alert alert-danger" role="alert">
			<span class="glyphicon glyphicon-exclamation-sign" aria-hidden="true"></span>
			<span class="sr-only">Error:</span> Enter a valid email address
		</div>
	</div>
	<script src="bootstrap/js/jquery-2.1.4.min.js"></script>
	<script src="bootstrap/js/bootstrap.min.js"></script>
</body>
</html>